<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>充值提现</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
	<!-- 视口标签，禁止用户在移动端随意拉动 -->
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>detail</title>
	<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
	<link rel="stylesheet" href="../lib/button/buttons.css">

	<link rel="stylesheet" href="../css/common.css">
	
	<style>
	.panel-record dl {
		margin: 0;
		padding-left: 25%;
		
	}

	


</style>


	  <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body>
	<header id="header">

	</header>
	<section>
		<div class="container">
			<div class="page-header">
				<h2 class="page-title">充值提现</h2>
			</div>
			<div class="row">
				<div class="col-md-4">
					<ul class="nav nav-pills nav-stacked" role="tablist">
						<li role="presentation" class="active">
							<a href="#home" aria-controls="home" role="tab" data-toggle="tab">充值</a>
						</li>
						<li role="presentation">
							<a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">提现</a>
						</li>
						
					</ul>
				</div>
				<div class="col-md-8 tab-content">
					<!-- 充值面板 -->

					<div role="tabpanel" class="tab-pane active" id="home">
						<form id="defaultForm" method="post" class="form-horizontal" action="ajaxSubmit.php">
							<div class="form-group">
								<label class="col-md-2 control-label">说明：</label>
								<div class="col-md-8">
									<p class="form-control-static text-danger">充值流程：创建充值订单--&gt;点击[去充值]使用链接购买莱茨狗(购买完后等上链成功后自动完成充值)--&gt;充值完成</p>
									<p class="form-control-static text-danger">充值费率：充值0手续费，挂单使用的狗按市场价收取(每天调整一次,当前为500)</p>
									<p class="form-control-static text-danger">充值金额：目前只支持大于等于[100000]的充值金额</p>
								</div>
							</div>


							<div class="form-group">
								<label class="col-md-2 control-label">充值数量：</label>
								<div class="col-md-6">
									<input type="text" class="form-control" name="rechargeNum" placeholder="充值数量" maxlength="9"/>
								</div>
							</div>

							<div class="form-group">
								<div class="col-md-6 col-lg-offset-2">
									<button id="recharge" type="button" class="btn btn-info btn-block">充值</button>
								</div>
							</div>

						</form>


						<div class="panel panel-default panel-record">
							<div class="panel-heading">充值记录</div>
							<div class="panel-body">
								<ul class="list-group">
									<li class="list-group-item">
										<dl class="dl-horizontal">
											<dt class="text-muted">2018-04-13 14:34:10</dt>
											<dd>百度莱茨狗微积分</dd>
											<dt>充值数量：</dt>
											<dd>100000JF</dd>
											<dt>手续费：</dt>
											<dd>0JF</dd>
											<dt>挂单狗费用</dt>
											<dd>500JF</dd>
											<dt>到账数量</dt>
											<dd>100000JF</dd>
											<dd class="text-success">已成功</dd>
											
										</dl>

									</li>
									<li class="list-group-item">
										<dl class="dl-horizontal">
											<dt class="text-muted">2018-04-13 14:34:10</dt>
											<dd>百度莱茨狗微积分</dd>
											<dt>充值数量：</dt>
											<dd>100000JF</dd>
											<dt>手续费：</dt>
											<dd>0JF</dd>
											<dt>挂单狗费用</dt>
											<dd>500JF</dd>
											<dt>到账数量</dt>
											<dd>100000JF</dd>
											<dd class="text-danger">已取消</dd>
											
										</dl>
									</li>
									<li class="list-group-item">
										<dl class="dl-horizontal">
											<dt class="text-muted">2018-04-13 14:34:10</dt>
											<dd>百度莱茨狗微积分</dd>
											<dt>充值数量：</dt>
											<dd>100000JF</dd>
											<dt>手续费：</dt>
											<dd>0JF</dd>
											<dt>挂单狗费用</dt>
											<dd>500JF</dd>
											<dt>到账数量</dt>
											<dd>100000JF</dd>
											<dd class="text-success">已成功</dd>
											
										</dl>

									</li>
									<li class="list-group-item">
										<dl class="dl-horizontal">
											<dt class="text-muted">2018-04-13 14:34:10</dt>
											<dd>百度莱茨狗微积分</dd>
											<dt>充值数量：</dt>
											<dd>100000JF</dd>
											<dt>手续费：</dt>
											<dd>0JF</dd>
											<dt>挂单狗费用</dt>
											<dd>500JF</dd>
											<dt>到账数量</dt>
											<dd>100000JF</dd>
											<dd class="text-danger">已取消</dd>
											
										</dl>
									</li>

								</ul>
								<nav aria-label="Page navigation">
									<ul class="pager">
										<li><a href="#">上页</a></li>
										<li><a href="#">下页</a></li>
									</ul>
								</nav>
							</div>
						</div>

						




					</div>


					<div role="tabpanel" class="tab-pane" id="profile">
						<form id="xxxx" method="post" class="form-horizontal" action="ajaxSubmit.php">
						<!-- 提现面板 -->
						<div class="form-group">
                            <label class="col-md-2 control-label">说明：</label>
                            <div class="col-md-10">
                                <p class="form-control-static text-danger">提现流程：填写提现的莱茨狗的petId--&gt;生成订单--&gt;平台管理员审核购买--&gt;提现完成</p>
                                <p class="form-control-static text-danger">提现费率：提现0手续费</p>
                                <p class="form-control-static text-danger">提现金额：目前只支持大于等于[100000]的提现JF,每个账户每日只可提现一次</p>
                                <p class="form-control-static text-danger">处理时间：8:40-22:30(工作日),法定假日不定时处理提现</p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-2 control-label">可提现JF：</label>
                            <div class="col-md-6">
                                <p class="form-control-static text-danger">1000.0</p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-2 control-label">petId：</label>
                            <div class="col-md-6">
                            	
                                	<input id="petId" name="petId" class="form-control" type="text" placeholder="请输入长度为19位的petId" maxlength="19">
                                
                              
                            </div>
                        </div>
                        <div class="form-group">
								<div class="col-md-6 col-lg-offset-2">
									<button id="recharge" type="button" class="btn btn-info btn-block">提现</button>
								</div>
							</div>

                    </form>

                    <div class="panel panel-default panel-record">
							<div class="panel-heading">提现记录</div>
							<div class="panel-body">
								<ul class="list-group">
									<li class="list-group-item">
										<dl class="dl-horizontal">
											<dt class="text-muted">2018-04-13 14:34:10</dt>
											<dd>百度莱茨狗微积分</dd>
											<dt>提现数量：</dt>
											<dd>100000JF</dd>
											<dt>手续费：</dt>
											<dd>0JF</dd>
											<dt>实扣数量</dt>
											<dd>500JF</dd>
											
											<dd class="text-success">已成功</dd>
											
										</dl>

									</li>
									<li class="list-group-item">
										<dl class="dl-horizontal">
											<dt class="text-muted">2018-04-13 14:34:10</dt>
											<dd>百度莱茨狗微积分</dd>
											<dt>提现数量：</dt>
											<dd>100000JF</dd>
											<dt>手续费：</dt>
											<dd>0JF</dd>
											<dt>实扣数量</dt>
											<dd>500JF</dd>
											
											<dd class="text-success">已成功</dd>
											
										</dl>

									</li>
									<li class="list-group-item">
										<dl class="dl-horizontal">
											<dt class="text-muted">2018-04-13 14:34:10</dt>
											<dd>百度莱茨狗微积分</dd>
											<dt>提现数量：</dt>
											<dd>100000JF</dd>
											<dt>手续费：</dt>
											<dd>0JF</dd>
											<dt>实扣数量</dt>
											<dd>500JF</dd>
											
											<dd class="text-success">已成功</dd>
											
										</dl>


									</li>
									<li class="list-group-item">
										<dl class="dl-horizontal">
											<dt class="text-muted">2018-04-13 14:34:10</dt>
											<dd>百度莱茨狗微积分</dd>
											<dt>提现数量：</dt>
											<dd>100000JF</dd>
											<dt>手续费：</dt>
											<dd>0JF</dd>
											<dt>实扣数量</dt>
											<dd>500JF</dd>
											
											<dd class="text-success">已成功</dd>
											
										</dl>

									</li>

								</ul>
								<nav aria-label="Page navigation">
									<ul class="pager">
										<li><a href="#">上页</a></li>
										<li><a href="#">下页</a></li>
									</ul>
								</nav>
							</div>
						</div>

					</div>




				</div>
				<!-- /充值面板 -->
			</div>
		</div>
	</section>

	<footer id="footer"></footer>
	<!-- 底部内容end -->
	<script src="../lib/jquery/jquery-2.1.1.js"></script>
	<script src="../lib/bootstrap/js/bootstrap.min.js"></script>

	<script type="text/javascript">
		$(function () {

			$('#header').load('../common/nav.html');
			$('#footer').load('../common/footer.html');




		})
	</script>
</body>
</html>